import React, { useState,useEffect } from 'react';
import {ColorContext} from './ColorContext.js'
import { useContext } from 'react';//useContext为使用上下文中的参数，这是在父组件中带来的
function UseState(props) {
    console.log(props);
    
//    console.log(ColorContext,useContext);
   let value = useContext(ColorContext)
    let [age,setAge] = useState('你好')
    // 页面数据发生更新操作也会触发，相当于生命周期中的（1打3）挂载，数据改变，组件销毁
    useEffect(()=>{
        console.log('useEffect 页面挂载')
        return ()=>{
            console.log('useEffect销毁了')
        }
    },[])//[]不写的话,会默认全部的数据都一起更新，即age等等。。。
    return(
        <div>
        <div>{age}</div>
        <div>{props.children}</div>
        <button onClick={()=>{
            setAge('setAge')
        }}>按钮</button>
        {value}
        </div>
    )
}

export default UseState


